﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Trang chủ - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
		<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li class="selected"><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">
							<!-- SLIDE SHOW ANH -->
							<div id="qa-SlideShow">
								<div class="qa-SSContainer">
													<!-- SLIDE SHOW ANH -->
									<div class="qa-main-slideshow fleft">
											<div class="nivoSlider">
													<img src="images/SlideShow/banner0.jpg" data-thumb="images/banner0.jpg" alt="ho-guom" />
													<img src="images/SlideShow/banner1.jpg" data-thumb="images/banner1.jpg" alt="nha-hat-lon" />
													<img src="images/SlideShow/banner2.jpg" data-thumb="images/banner2.jpg" alt="van-mieu" />
													<img src="images/SlideShow/banner3.jpg" data-thumb="images/banner3.jpg" alt="cau-long-bien" />
													<img src="images/SlideShow/banner4.jpg" data-thumb="images/banner4.jpg" alt="chua-tran-quoc" />
													<img src="images/SlideShow/banner5.jpg" data-thumb="images/banner5.jpg" alt="hoang-thanh" />
													<img src="images/SlideShow/banner6.jpg" data-thumb="images/banner6.jpg" alt="ho-tay" />
													<img src="images/SlideShow/banner7.jpg" data-thumb="images/banner7.jpg" alt="lang-chu-tich" />
													<img src="images/SlideShow/banner8.jpg" data-thumb="images/banner8.jpg" alt="chua-mot-cot" />
											</div>
											<div class="clear"></div>
									</div>
									<script type="text/javascript">
										$(window).load(function() {
											$('.nivoSlider').nivoSlider();
										});
									</script>
									<div class="clear"></div>
								</div>
							</div>
						</div>
						<div id="pos2" class="qa-colRight fleft hackHieghtpos2">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- AddThis Button END -->
						</div>
						<div class="clear"></div>
			    </div>
			    <!-- BODY ROW 2 -->
			    <div id="row2" class="fwidth DefaultMarginBottom">
			    	<div id="pos3" class="qa-frontpage-hotnews">
			    		<h3>Tin nổi bật</h3>
						<ul>
							<li>
									<div class="ThumbImg">
										<img src="images/images-new/1.jpg">
									</div>
									<div class="Textinfo">
											<a href="article_1.html">9 điểm đến thú vị ở Hà Nội có thể bạn chưa biết</a>
									</div>
									<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/2.jpg">
								</div>
								<div class="Textinfo">
											<a href="article_2.html">Xây dựng người Hà Nội thanh lịch văn minh</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/3.jpg">
								</div>
								<div class="Textinfo">
											<a href="">Mâm cỗ ngày tết của người Hà Nội</a>
								</div>
								<div class="clear"></div>
							</li>
							<li>
								<div class="ThumbImg">
											<img src="images/images-new/4.jpg">
								</div>
								<div class="Textinfo">
											<a href="">Tết của người Hà Nội xưa qua ảnh</a>
								</div>
								<div class="clear"></div>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div id="pos4" class="qa-blog">
						<h3><a href="diem-den.html">Điểm đến</a></h3>
						<div class="frmimg">
							<img src="images/blog/CauLongBien.jpg" alt="Cầu Long Biên"/>
							<a href="#"><span>Cầu Long Biên</span></a>
					    </div>
					    <div class="frmimg">
							<img src="images/blog/ChuaMotCot.jpg" alt="Chùa Một Cột"/>
							<a href="#"><span>Chùa Một Cột</span></a>
					    </div>
					    <div class="frmimg">
							<img src="images/blog/HoangThanh.gif" alt="Hoàng Thành Thăng Long"/>
							<a href="#"><span>Hoàng Thành Thăng Long</span></a>
					    </div>
					    <div class="frmimg">
							<img src="images/blog/NhaHatLon.jpg" alt="Nhà Hát Lớn"/>
							<a href="#"><span>Nhà Hát Lớn</span></a>
					    </div>
					    <div class="frmimg">
							<img src="images/blog/ThapRua.jpg" alt="Tháp Rùa"/>
							<a href="#"><span>Tháp Rùa</span></a>
					    </div>
					    <div class="frmimg">
							<img src="images/blog/thapbut.jpg" alt="Tháp Bút"/>
							<a href="#"><span>Tháp Bút</span></a>
					    </div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
			    </div>
			    <!-- BODY ROW 3 -->
			    <div id="row3" class="fwidth DefaultMarginBottom">
					<!-- News Cagalog -->
					<div id="qa-listnews">
						<!-- Ẩm thực-->
						<div id="pos6" class="qa-newsbox">
		                        <h3><a href="mn-am-thuc.html">Ẩm thực</a></h3>
		                        <img src="images/com.jpg" alt="com-lang-vong"/>
		 		                <p class="qa-title"><a href="#">Ẩm thực Hà Nội</a><p>
								<p class="qa-summary">Ẩm thực Hà Nội là nơi giao thoa của nhiều nền ẩm thực khác nhau. Cái tinh tế trong ẩm thực Hà Nội thể hiện ở cách chế biến, cách thưởng thức và cả ở tấm lòng người trao kẻ nhận.</p>
		                        <ul>
		                        	<li><a target="_blank" href="">Những món lai rai cho chiều thu se lạnh</a></li>
		                            <li><a target="_blank" href="">Ngon và đông như mỳ gà tần Phố Cổ</a></li>
		                            <li><a target="_blank" href="">Ẩm thực Hà Nội đón mùa đông ấm áp</a></li>
		                        </ul>
		                        <span class="read-more"><a href="mn-am-thuc.html">Xem thêm</a></span>
						</div>
						<!-- Phố nhề - làng nghề-->
						<div id="pos7" class="qa-newsbox  qa-lewsboxright1">
		                        <h3><a href="mn-phonghe-langnghe.html">Phố nghề - làng nghề</a></h3>
								<img src="images/hinhthanh1.jpg" alt="hinh anh xua">
		                        <p class="qa-title"><a href="#">Những phường thợ thành Thăng Long xưa</a><p>
								<p class="qa-summary">Thời nhà Lê, Thăng Long có 36 phường. Sự hội tụ các phường thợ lành nghề từ khắp tứ trấn về Thăng Long đã tạo ra trên địa bàn kinh thành nhiều sản phẩm nổi tiếng. Một số đã đi vào tục ngữ như: ...</p>
		                        <ul>
		                        	<li><a  target="_blank" href="">Làng hoa Tây Tựu: Làng hoa lớn nhất ngoại thành</a></li>
		                            <li><a  target="_blank" href="">Hà Nội - Phố xưa, nghề cũ </a></li>
		                            <li><a  target="_blank" href="">Đường kim mũi chit tạo hồn tranh thêu</a></li>
		                        </ul>
		                        <span class="read-more"><a href="mn-phonghe-langnghe.html">Xem thêm</a></span>
						</div>
						<!-- Người Hà Thành -->
						<div id="pos8" class="qa-newsbox qa-lewsboxright1">
		                        <h3><a href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></h3>
								<img src="images/2.jpg" alt="net-thanh-lich-nguoi-ha-noi">
		                        <p class="qa-title"><a href="#">Tìm lại nét thanh lịch của người Hà Nội</a><p>
								<p class="qa-summary">Người Tràng An xưa với lối sống thanh lịch có tiếng được cả nước biết đến như một nét đặc trưng của Thủ đô ngàn năm văn hiến. "Chẳng thơm cũng thể hoa nhài...</p>
		                        <ul>
		                            <li><a  target="_blank" href="">Tục ăn trầu của người Hà Nội</a></li>
		                            <li><a  target="_blank" href="">Phong thái ăn mặc của người Hà Nội xưa và nay</a></li>
		                            <li><a  target="_blank" href="">Trà sen Hồ Tây - thú ẩm thực tao nhã</a></li>
		                        </ul>
		                        <span class="read-more"><a href="mn-nguoi-ha-thanh.html">Xem thêm</a></span>
						</div>

					    <div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>